<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我拼啦主页面</title>
    <script src="js/axios.min.js"></script>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/vue-router.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <link rel="stylesheet" href="css/goods.css"/>
    <link rel="stylesheet" href="/static/build/layui.css" media="all">
</head>

<body>
<div id="app">
    <!--顶部导航栏-->
    <div class="layui-container">
        <div class="layui-row head-nav">
            <div class="layui-col-md1">
                <img src="images/wopinla-logo.jpg" height="80px">
            </div>
            <div class="layui-col-md1">
                生鲜
            </div>
            <div class="layui-col-md1">
                数码产品
            </div>
            <div class="layui-col-md1">
                家电
            </div>
            <div class="layui-col-md1">
                服装
            </div>
            <div class="layui-col-md1">
                鞋包
            </div>
            <div class="layui-col-md1">
                首饰
            </div>
            <div class="layui-col-md1">
                零食
            </div>

            <div class="layui-col-md2">

                <div class="layui-form-item" style="margin-bottom: 0px;margin-top: 21px; ">
                    <div class="layui-input-block" style="margin-left: 0;">
                        <input type="text"  placeholder="你在找什么" autocomplete="off" class="layui-input">
                    </div>
                </div>

            </div>
            <div class="layui-col-md1">
                <a href="#">登录</a>
            </div>
            <div class="layui-col-md1">
                <a href="#">注册</a>
            </div>
        </div>
    </div>




    <center>
    <div class="layui-carousel" id="test1">
        <div carousel-item>
            <div><img src="images/gundong3.png"></div>
            <div><img src="images/gundong4.png" align="center"></div>
            <div><img src="images/lunbo1.png" align="center"></div>
            <div><img src="images/lunbo2.png" align="center"></div>
        </div>
    </div>
    </center>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    <img src="images/每日必看.png" align="center">
    <!-- 条目中可以是任意内容，如：<img src=""> -->

    <script src="/static/build/layui.js"></script>
    <script>
        layui.use('carousel', function(){
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                ,width: '70%' //设置容器宽度
                ,arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>

    <div class="layui-row layui-col-space30">
        <div class="layui-col-md6">
            <div class="grid-demo grid-demo-bg1">
                <div class="layui-card">
                    <div class="layui-card-header"><font size="5" face="arial" color="#FFB800">我拼特价</font>
                        <font size="4" face="arial" color="black">·三折起</font>
                    </div>
                    <div class="layui-card-body">
                        <img src="images/apple.png" width="190" height="190">
                        <img src="images/watch.png" width="190" height="190">
                        <img src="images/pants.png" width="190" height="190">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="grid-demo grid-demo-bg1">
                <div class="layui-card">
                    <div class="layui-card-header"><font size="5" face="arial" color="#FFB800">我拼快抢</font>
                        <font size="4" face="arial" color="black">·精选爆款</font>
                    </div>
                    <div class="layui-card-body">
                        <img src="images/apple.png" width="190" height="190">
                        <img src="images/watch.png" width="190" height="190">
                        <img src="images/pants.png" width="190" height="190">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>